<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./iconfont.css" />
		<link rel="stylesheet" type="text/css" href="xianchangzhibo.css"/>
	</head>
	<body>
		<div class="box1 qwqw">
			<a href="#" id="toggle"></a>
			<span class="span sspan"></span>
			<span class="span2 sspan"></span>
			<span class="span3 sspan"></span>
		
			<img class="tu1" src="https://www.belluccipremium.com/assets/images/logo-bellucci.svg">
			<div id="boox">
				<a class="aa" href="#" style="width: 50px;">产品展示
					<p></p>
				</a>
				<a class="aa" href="#" style="width: 60px;margin-left: 20px;">商店定位器
					<p></p>
				</a>
				<a class="aa" href="#" style="width: 30px;margin-left: 20px;">联系
					<p></p>
				</a>
			</div>
		</div>
		<div id="box2">
			<div id="box2_div1">
				<div id="box2_div1_div">
					<h1>新鲜橄榄，在家庭厨房中腌制</h1>
					<img src="img/dsj.jpg" style="margin-top: 50px;">
					<br>
					<img src="img/dfgh.jpg" style="margin-top: 180px;">
				</div>
				<div id="" style="width: 850px;float: right;">
					<img src="IMAGE/Fresh_Bellucci_Olive.jpg" >
				</div>
			</div>
		</div>
		<div id="box3" style="height: 1500px;">
			<div class="box3_div1">
				橄榄季节来了-随之而来的是丰富的新鲜橄榄果实。
			</div>
			<div class="box3_div2">
				长期以来，意大利，西班牙和希腊的地中海气候一直是广阔的橄榄树丛的所在地-其中许多橄榄树用于生产美味，营养的特级初榨橄榄油以及我们知道和喜爱的水果。但是您知道吗，在美国西部和西南部的许多地方还种着橄榄树？
				<br><br>
				橄榄树因其丰富的银绿色叶子和抗旱性而被重视，通常被用于美化目的-但是，如果不种植这种橄榄树来生产特级初榨橄榄油，这些树的果实就会被浪费掉。
				<br><br>
				由于未加工的橄榄果实非常苦，许多现代照料者认为它们是不可食用的-然而，事实是，所有新鲜的橄榄中的橄榄苦苷含量都很高，这是一种很难尝的化合物，必须在水果可口之前将其去除。
				<br><br>
				从树上摘下的橄榄与您所认识和喜爱的橄榄唯一的区别就是盘子上的橄榄已经被治愈。这意味着他们花了一些时间浸泡在一种溶液或物质中，该溶液或物质会吸出苦苦的橄榄苦苷，然后才找到您的餐桌。
				<br><br>
				腌制橄榄的方法很多 -尽管我们发现大多数方法都很简单。如果您幸运地生活在橄榄友好的地区，则可以使用这种基本的水固化方法在家中准备自己的新鲜美味的食用橄榄。尽管需要一些时间-这非常简单，而且非常有意义。这意味着您当地的水果不会浪费！
				<br><br>
				我们的橄榄水固化方法最适用于较小的品种，例如曼萨尼约（manzanillo），使命和卡拉马塔（kalamata）。下面的过程最多可以提取10磅从这些品种中选出的新鲜橄榄。准备尝试吗？请遵循以下简单步骤。
				<br><br>
				彻底清洗橄榄。花一点时间仔细检查水果，丢弃任何瘀伤，有缺陷或显示出有害生物损坏迹象的水果。
				<br><br>
				按大小和颜色对水果进行分类，以达到最佳效果。绿橄榄年轻，结实的水果和光滑的皮肤。它们一旦固化便具有新鲜的坚果风味-但初次采摘时的苦味化合物含量会更高，这意味着它们可能需要固化更长的时间才能获得所需的味道。
				<br><br>
				成熟的橄榄为紫色或黑色，质地柔软，更容易瘀伤。它们在水中固化所需的时间可能更少，因此您需要密切注意它们。
				<br><br>
				裂开或切成薄片的橄榄。在水固化橄榄之前，必须先破碎水果皮，以使橄榄苦苷浸出。将绿橄榄放在切菜板上，然后用平槌轻轻敲打（或用rolling面杖压碎）以使果肉破裂。可以用一根削皮刀穿过皮肤切成几毫米的果肉，将成熟的柔软水果切成薄片。无论使用哪种技术，请注意不要损坏基坑。
				<br><br>
				彻底浸泡橄榄。将已分类的水果放在大锅中或食品安全的桶中，并用水完全覆盖。为避免漂浮物，请翻转沉重的盘子（或比您选择的锅小一号的盖子），将其浸没，然后用其压榨橄榄果实。
				<br><br>
				每天更换一次浸泡。每天一次，您需要从锅中沥干浸泡液，并用淡水代替。重复此过程8至10天。对于非常苦涩的绿色水果-您最多可以继续进行20天。
				<br><br>
				当水固化橄榄时，橄榄浸泡的时间越长，其苦味就会越少，并且变得越复杂-但要注意变质的迹象。成品水果可能会略微变色或皱缩-但应去除非常柔软或可溶的橄榄，因为它们将变得无味。
				<br><br>
				脱苦之后，您就可以准备好新鲜的橄榄了。首先，确保手头有几瓶贝鲁奇100％意大利EVOO。然后，准备您的精加工盐水，如下所示：
				<br><br>
				对于卡拉马塔风味（深色水果），请在1加仑冷水中加入1.5杯腌制盐。搅拌溶解，然后加入4杯红酒醋。
				<br><br>
				对于地中海风格的绿色水果 -在1加仑的冷水中加入1.5杯腌制盐。搅拌溶解，然后加入2杯红酒醋。
				<br><br>
				沥干橄榄中浸泡的溶液，然后将其放入可密封的罐子或容器中。在橄榄和容器顶部之间留一英寸的空间。用精加工盐水完全覆盖，然后在½“至⅜”的Bellucci 100％Italian EVOO上盖满。存放在冰箱中。绿橄榄可以在4天后立即食用，而黑橄榄则可能需要长达4周的时间才能形成所需的风味。
				<br><br>
				一旦准备好吃橄榄，只需将它们放在餐盘中，然后使其达到室温即可。淋上一点新鲜的贝鲁奇100％意大利EVOO，并搭配您最喜欢的正宗食谱。
				<br><br>
				需要灵感吗？品尝食谱，或多喝以获取贝鲁奇的最佳生活方式和烹饪技巧！
				<br><br>
				一些信息来自UCDavis出版物8267- https: //anrcatalog.ucanr.edu/pdf/8267.pdf
			</div>
		</div>
		<div id="box4">
			<div id="box4_div1">
				<p style="text-align: center;font-size: 40px;font-weight: 300;line-height: 130px;">相关产品</p>
				<div style="width: 426px;height: 367px;float: left;text-align: center;">
					<img src="img/100-italian-evoo-500-ml.jpg" >
					<p style="border-bottom: #000000 solid 1px;width: 204px;margin: 0 auto;">100％意大利EVOO 500毫升</p>
				</div>
				<div style="width: 426px;height: 367px;float: left;text-align: center;">
					<img src="img/7.png" >
					<p style="border-bottom: #000000 solid 1px;width: 204px;margin: 0 auto;">100％意大利EVOO 500毫升</p>
				</div>
				<div style="width: 426px;height: 367px;float: left;text-align: center;">
					<img src="img/sicilia-pgi-organic-evoo-500-ml.jpg" >
					<p style="border-bottom: #000000 solid 1px;width: 204px;margin: 0 auto;">100％意大利EVOO 500毫升</p>
				</div>
			</div>
		</div>
		<div id="box5">
			<div id="box55">
				<ul>
					<li>
						<h4>倒入<br>更多<br>贝鲁奇</h4>
					</li>
					<li>
						<img src="img/3.jpg" >
						<font>奖-LAIEVOOC-银奖-意大利EVOO</font>
					</li>
					<li>
						<img src="img/Exploration_Slider.jpg">
						<font class="font2">新鲜橄榄，在家庭厨房中腌制></font>
					</li>
					<li>
						<img src="img/meet-our-award-winning-legendary-evoo-slider.jpg" >
						<font class="font3">橄榄和EVOO:时机成熟</font>
					</li>
				</ul>
			</div>
			<hr width="1280px" style="margin: 0 auto;">
		</div>
		<div id="box6">
			<img class="tu1" src="https://www.belluccipremium.com/assets/images/logo-bellucci.svg">
		</div>
		<div id="box7">
			<ul class="box7_ul1">
				<li style="width: 65px;">产品展示
					<p></p>
				</li>
				<li style="width: 113px;">意大利100%EVOO
					<p></p>
				</li>
				<li style="width: 65px;">有机EVOO
					<p></p>
				</li>
				<li style="width: 177px;">SACHET 100％意大利EVOO
					<p></p>
				</li>
				<li style="width: 113px;">SACHET有机EVOO
					<p></p>
				</li>
				<li style="width:153px;">SICILIA PGI有机EVOO
					<p></p>
				</li>
				<li style="width: 146px;">托斯卡纳PGI EVOO
					<p></p>
				</li>
			</ul>
			<ul class="box7_ul2">
				<li style="width: 112px;">意大利是我的家
					<p></p>
				</li>
				<li style="width: 112px;">贝鲁奇应用程序
					<p></p>
				</li>
				<li style="width: 50px;">倒更多
					<p></p>
				</li>
				<li style="width: 80px;">完全可追溯
					<p></p>
				</li>
				<li style="width: 65px;">到达食谱
					<p></p>
				</li>
			</ul>
			<ul class="box7_ul3">
				<li style="width: 32px;">联系<p></p>
				</li>
				<li style="width: 80px;">商店定位器<p></p>
				</li>
				<li style="width: 65px;">获奖情况<p></p>
				</li>
			</ul>
		</div>
		<div id="box10">
			<div id="box10_div1">
				<span class="iconfont icon-chacha" style="font-size: 40px;position:absolute;top: 10px;left: 30px;"></span>
				<img class="tu1" src="https://www.belluccipremium.com/assets/images/logo-bellucci.svg" style="margin-left: 90px;">
			</div>
			<div id="box10_div2">
				<div id="box10_div2_div">
					<ul class="box10_div2_ul1 xz">
						<li style="width: 215px;">意大利是我家<p></p>
						</li>
						<li style="width: 245px;margin-left: 145px;">贝鲁奇应用程序<p></p>
						</li>
						<li style="width: 110px;margin-left: 145px;">苍老师<p></p>
						</li>
					</ul>
					<ul class="box10_div2_ul2 xz">
						<li style="width: 180px;">完全可追溯<p></p>
						</li>
						<li style="width: 145px;margin-left: 166px;">到达食谱<p></p>
						</li>
					</ul>
				</div>
			</div>
			<img src="https://www.belluccipremium.com/uploads/seals/italy-flag.jpg" style="display: block;position: absolute;left: 900px;">
			<ul class="list">
				<li style="width: 60px;margin-left: 535px;"><a href="#">联系</a></li>
				<li style="width: 110px;"><a href="#">商店定位器</a></li>
				<li style="width: 96px;"><a href="#">获奖情况</a></li>
			</ul>
			<div id="box10_div3">
				<img src="img/bellucci-app-logo.png" style="width: 85px;height: 26px;margin-left: 90px;">
				<img src="img/未命名_副本.jpg" style="margin-left: 240px;">
				<ul style="position: relative;left: 640px;top: -97px;">
					<li class="li10">意大利</li>
					<li class="li10">西班牙</li>
					<li class="li10">墨西哥</li>
					<li>美国</li>
				</ul>
			</div>
		</div>
		<div id="box8">
			<p>该网站可能使用一些“ cookies”来改善您的浏览体验。请在继续浏览我们的网站之前，建议您阅读COOKIES政策。</p>
			<div>
				<span></span>
				<a href="#">接受</a>
			</div>
		</div>
		<div class="box9 box1">
		
		</div>
		<script src="new_file.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".aa").hover(function() {
				$(this).children("p").show()
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			
			
			
			
			
			$("#toggle").hover(function() {
				console.log(1)
				$(this).stop(true).animate({
					opacity: 1
				}, 250)
			}, function() {
				$(this).stop(true).animate({
					opacity: 0
				}, 250)
			})
			
			$(".sspan").hover(function() {
				$("#toggle").stop(true).animate({
					opacity: 1
				}, 250)
			}, function() {
				$("#toggle").stop(true).animate({
					opacity: 0
				}, 250)
			})
			
			$(".box7_ul1 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			$(".box7_ul2 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			
			$(".box7_ul3 li").hover(function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": aa,
					"height": "2px"
				}, 350)
				console.log($(this).children("p"))
			}, function() {
				var aa = $(this).width()
				$(this).children("p").stop(true).animate({
					"width": 0
				}, 350)
			})
			
			$("#toggle").click(function() {
			
				$("#box10").animate({
					"left": 0 + "%"
				}, 500)
			
			})
			
			$(".sspan").click(function() {
			
				$("#box10").stop(true).animate({
					"left": 0 + "%"
				}, 500)
			
			})
			
			$(".iconfont").click(function() {
				$("#box10").stop(true).animate({
					"left": -100 + "%"
				}, 500)
			})
			
			var $box9 = $(".box9")
			var $box1 = $(".qwqw").html()
			$(document).ready(function() {
				var p = 0,
					t = 0;
			
				$(window).scroll(function(e) {
					p = $(this).scrollTop();
					if (t <= p) { //向下滚
						$box9.html($box1)
						$box9.hide()
					} else { //向上滚
						$box9.show()
						
						console.log($(".box9 span"))
						$(".box9 .sspan").hover(function() {
							$(".box9 #toggle").stop(true).animate({
								opacity: 1
							}, 250)
						}, function() {
							$(".box9 #toggle").stop(true).animate({
								opacity: 0
							}, 250)
						})
			
			
						$(".box9 #toggle").hover(function() {
							console.log(1)
							$(this).stop(true).animate({
								opacity: 1
							}, 250)
						}, function() {
							$(this).stop(true).animate({
								opacity: 0
							}, 250)
						})
			
						$(".box9 .aa").hover(function() {
							$(this).children("p").show()
							var aa = $(this).width()
							$(this).children("p").stop(true).animate({
								"width": aa
							}, 350)
							console.log($(this).children("p"))
						}, function() {
							var aa = $(this).width()
							$(this).children("p").stop(true).animate({
								"width": 0
							}, 350)
						})
						
						$(".box9 #toggle").click(function() {
						
							$("#box10").stop(true).animate({
								"left": 0 + "%"
							}, 500)
						
						})
						
						$(".box9 .sspan").click(function() {
						
							$("#box10").stop(true).animate({
								"left": 0 + "%"
							}, 500)
						
						})
						
						$(".iconfont").click(function() {
							$("#box10").stop(true).animate({
								"left": -100 + "%"
							}, 500)
						})
						
					}
					setTimeout(function() {
						t = p;
					}, 0);
					if (p == 0) {
						$box9.css({
							"display": "none"
						})
					}
				});
			});
			
			
			$("#box8 div").hover(function() {
				var $div = $(this).width()
				var i = 0;
				$("#box8 div span").stop(true).animate({
					"width": $div
				}, 250)
			}, function() {
				var $div = $(this).width()
				$("#box8 div span").stop(true).animate({
					"width": 0
				}, 250)
			})
			$("#box10_div3 ul li:last").mouseover(function(){
				$(this).prevAll("li").css({"opacity":1})
			})
			$("#box10_div3 ul").mouseleave(function(){
				$(this).find(".li10").css({"opacity":0})
			})
		</script>
	</body>
</html>
